export const yAxisOption = {
  nameTextStyle: {
    fontSize: 10,
    color: "#eef1fa",
  },
  axisLabel: {
    fontSize: 10,
    color: "#eef1fa",
  },
  splitLine: {
    lineStyle: {
      color: "rgba(82, 149, 100, 0.7)",
      type: "dashed",
    },
  },
  axisLine: {
    show: false,
    lineStyle: {
      color: "rgba(82, 149, 100, 1)",
    },
  },
};

export const xAxisOption = {
  axisLabel: {
    margin: 16,
    fontSize: 10,
    width: 60,
    color: "#eef1fa",
    interval: 0,
    rotate: 20,
    overflow: "breakAll",
  },
  axisLine: {
    lineStyle: {
      color: "rgba(82, 149, 100, 1)",
    },
  },
  axisTick: { show: false },
};

export const color = [
  "#AF9FFF",
  "#50CCD1",
  "#09FF7C",
  "#FFF24F",
  "#FEBA5D",
  "#0EC5FA",
  "#fc8452",
  "#9a60b4",
  "#2785FF",
];
